<script setup lang="ts">
import { ref, onMounted } from 'vue'
import SytWebCam from '@/components/SytWebCam/SytWebCam.vue'
import config from '@/config'
import { ElButton } from 'element-plus'

let wsUrl = ref(`ws://${config.url.hostname}:9999/`)

let params = ref({
  webCam: {
    ip: '192.168.1.138',
    username: 'admin',
    password: 'hinmu6688',
    channel: 1,
    subtype: 1
  },
  nvr: {
    ip: '192.168.1.166',
    username: 'admin',
    password: 'hinmu6688',
    channel: 1,
    subtype: 1
  }
})

onMounted(() => {})
</script>

<template>
  <div class="box">
    <SytWebCam :ws-url="wsUrl" :params="params"></SytWebCam>
  </div>
</template>

<style scoped>
.box {
  display: flex;
  flex-wrap: wrap;
}
</style>
